 %include header libraryName=libraryName
    <script type="text/javascript">
        //<!--
        $(document).ready(function() {
            $('#search_box').focus();
        })
        //-->
    </script>
    
    %start = ((page - 1) * paging) + 1
    <h2>{{start}} - {{start + len(resources) - 1}} of {{numResults}} results for <em>{{searchText}}</em></h2>
    
    <div class="bordered">
        <div class="center" style="padding: 10px;">
            <form method="get" action="/search">
                <label for="search_text">Search for resources: <input type="text" id="search_box" name="search_text" value="{{searchText.encode('utf-8')}}" /></label>
                <button type="submit">Search</button>
            </form>
        </div>
        
        <hr />
        
        %include resourceListing resources=resources, resourceAvailability=resourceAvailability, resourceTypes=resourceTypes, page=page, numPages=numPages, searchText=searchText, sortColumn=sortColumn, asc=asc
    </div>
%include footer